const request = require('../../../../utils/request'); // 引入封装好的请求工具
const userApi = require('../../../../utils/user'); // 引入用户API工具
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // TODO: 静态数据，后续将替换为接口返回的动态数据
  // 这是获取的电表详情的id号
    recordId: '',

    company: '智慧电力有限公司',
    amount: '200.00',
    status: 'success', // 'success' 或 'failed'
    payTime: '2021-09-09 12:32:45',
    rechargeTime: '2021-09-09 12:33:15',
    payMethod: '微信支付',
    orderNo: 'E2021090912324500001',
    address: '幸福小区1栋1单元101室',
    electricMeterNo: 'DL123456789',
    electricMeterCode: 'EM987654321',
    userName: '张三',
    phone: '138****1234',
    payer: '张三',
    payerPhone: '138****1234',
  
  
    //这是电表详情
    electricDetail:{},
    //这是住户详情
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log('电费缴费详情页面加载，接收到的参数:', options);
    
    if (options.id) {
      console.log('接收到ID:', options.id);
      this.setData({
        recordId: options.id
      });
      // 根据ID获取详情
      this.getPaymentDetail(options.id);
    } else {
      console.error('未接收到ID参数');
      wx.showToast({
        title: '参数错误',
        icon: 'error'
      });
      setTimeout(() => {
        wx.navigateBack();
      }, 1500);
    }
  },

  /**
   * 获取缴费详情
   * TODO: 实现接口调用，获取真实数据
   */
  getPaymentDetail(id) {
    // TODO: 接口调用示例
    wx.showLoading({
      title: '加载中...',
      mask: true
    });
  request.get(`/shuidianqi/dianbiaochongzhi/${this.data.recordId}`).then(res=>{
    console.log('缴费信息',res);
    this.setData({
      electricDetail:res.data
    })
  })
   
    // 模拟不同状态的数据，TODO: 接口实现后移除此代码
    if (id === '1') {
      this.setData({
        status: 'processing',
        rechargeTime: ''
      });
    } else if (id === '2') {
      this.setData({
        status: 'success'
      });
    } else if (id === '3') {
      this.setData({
        status: 'failed',
        rechargeTime: ''
      });
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 页面显示时可以刷新数据
    if (this.data.recordId) {
      // this.getPaymentDetail(this.data.recordId);
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 下拉刷新，重新获取数据
    if (this.data.recordId) {
      this.getPaymentDetail(this.data.recordId);
    }
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
}) 